*{
    margin: 0 auto;
}
body{
    width: 100%;
    height: 100%;
}

.all {
    width: 700px;
    height: 100%;
    border: 3px solid;
    /* border-color: black; */
}


.info_form{
    width: 250px;
    height: 150px;
}

.center{
    text-align: center;
    width: 250px;
}

h1{
    text-align: center;
    line-height: 100px;
}

.info{
    width: 100%;
    height: 200px;
    border-bottom: 3px solid;
    border-top: 3px solid;
}


.grades{
    /* padding-top: 20px; */
    width: 100%;
    height: 100%;

    /* display: inline-block; */
}
.line{
    line-height: 40px;
    text-align: center;
}

.key{
    float: left;
    list-style: none;
}

.grade{
    width: 100%;
    height: 30px;
}


li{
    float: left;
    list-style: none;
}

.gg_info{
    width: 250px;
    height: 100%;
    line-height: 30px;
    text-align: center;
    border-right: 2px solid;
}
.ggs_info{
    width: 110px;
    height: 100%;
    line-height: 30px;
    text-align: center;
    border-right: 2px solid;
}


.g_info{
    width: 80px;
    height: 100%;
    line-height: 30px;
    text-align: center;
    border-right: 2px solid;
}
ul{
    padding: 0px;
    width: 700px;
    border-bottom: 1px solid;

}

.s_info{
    width: 100%;
    height: 50px;
}

.ss_info{
    width: 84px;
    height: 100%;
    line-height: 50px;
    text-align: center;
    border-right: 2px solid;
}

.last{
    border-right: 0px;
}

.faculty{
    width: 172px;
}

.classroom{
    width: 140px;
}
